<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<!-- saved from url=(0063)http://www.easyui.info/easyui/demo/layout/layout_resize_2.html -->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><HTML><HEAD>
<META content="text/html; charset=UTF-8" http-equiv="Content-Type">
<TITLE>增加layout的方法，支持动态隐藏显示块</TITLE>
<LINK rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<LINK rel="stylesheet" type="text/css" href="../themes/icon.css">
<SCRIPT type="text/javascript" src="../jquery.min.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../jquery.easyui.min.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../jquery.layout.js"></SCRIPT>

<SCRIPT type="text/javascript" src="../jquery.layout.extend.js"></SCRIPT>

<STYLE type="text/css" media="screen">
		html,body {
			height:100%;
			margin:0px;
			padding:0px;
			overflow:hidden;
		}
	</STYLE>

<SCRIPT>
		function hiddenPanel(region){
			$('#wrap').layout('hidden',region);
		}
		function showPanel(region){
			$('#wrap').layout('show',region);
		}
		function hiddenAll(){
			$('#wrap').layout('hidden','west');
			$('#wrap').layout('hidden','east');
			$('#wrap').layout('hidden','north');
			$('#wrap').layout('hidden','south');
			$('#wrap').layout('hidden','east');
			$('#wrap').layout('hidden','south');
		}
		function showAll(){
			$('#wrap').layout('show','west');
			$('#wrap').layout('show','east');
			$('#wrap').layout('show','north');
			$('#wrap').layout('show','south');
		}
	</SCRIPT>

<META name="GENERATOR" content="MSHTML 9.00.8112.16545"></HEAD>
<BODY>
<DIV style="height: 100%;" id="wrap" class="easyui-layout" fit="true">
<DIV style="background: rgb(179, 223, 218); padding: 10px; height: 80px;" title="north" 
split="true" border="true" region="north">north region</DIV>
<DIV style="padding: 10px; width: 150px;" title="West" split="true" region="west">west 
content</DIV>
<DIV style="padding: 10px; width: 100px;" title="East" region="east">east 
region</DIV>
<DIV style="background: rgb(169, 250, 205); padding: 10px; height: 170px;" 
title="south" split="true" border="true" region="south">south region</DIV>
<DIV title="Center" split="true" border="true" region="center">
<DIV style="padding: 10px; height: 80px;" title="sub north" split="true" border="true" 
region="north">
<DIV style="background: rgb(250, 250, 250); padding: 5px; width: 500px; margin-top: 20px;" 
class="toolbar"><A class="easyui-linkbutton" onclick="javascript:hiddenPanel('east')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">隐藏east</A><A class="easyui-linkbutton" onclick="javascript:hiddenPanel('west')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">隐藏west</A><A class="easyui-linkbutton" onclick="javascript:hiddenPanel('north')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">隐藏north</A><A class="easyui-linkbutton" onclick="javascript:hiddenPanel('south')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">隐藏south</A><A class="easyui-linkbutton" onclick="javascript:hiddenAll()" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">全部隐藏</A></DIV>
<DIV style="background: rgb(250, 250, 250); padding: 5px; width: 500px; margin-top: 20px;" 
class="toolbar"><A class="easyui-linkbutton" onclick="javascript:showPanel('east')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">显示east</A><A class="easyui-linkbutton" onclick="javascript:showPanel('west')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">显示west</A><A class="easyui-linkbutton" onclick="javascript:showPanel('north')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">显示north</A><A class="easyui-linkbutton" onclick="javascript:showPanel('south')" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">显示south</A><A class="easyui-linkbutton" onclick="javascript:showAll()" 
href="http://www.easyui.info/easyui/demo/layout/layout_resize_2.html#" iconCls="icon-add" 
plain="true">全部显示</A></DIV></DIV></DIV></DIV></BODY></HTML>
